<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>bookLib</title>
    <meta name='Content-Type' content='text/html; charset=UTF-8' />
    <link rel='stylesheet' href='css/common.css' type='text/css' media='screen' />
    <!-- Libs or abstract classes -->
    <script type='text/javascript' src='js/jquery-1.5.min.js'></script>
    <script type='text/javascript' src='js/DOM.js'></script>
    <!-- WebControls  -->
    <script type='text/javascript' src='js/logger.js'></script>
    <script type='text/javascript' src='js/bookManager.js'></script>
    <script type='text/javascript' src='js/userManager.js'></script>
    <script type='text/javascript' src='js/searcher.js'></script>
    <script type='text/javascript' src='js/librarian.js'></script>
    <script type='text/javascript' src='js/defaultPage.js'></script>
    <script type='text/javascript' src='js/searchPage.js'></script>
    <script type='text/javascript' src='js/profilePage.js'></script>
    <script type='text/javascript' src='js/loginBox.js'></script>
    <script type='text/javascript' src='js/signUpBox.js'></script>
    <script type='text/javascript' src='js/bookLib.js'></script>
  </head> 
  <body>
    <div class='header'>      
      <div class='layout'>
	<div class='logo'> </div>
	<div class='userMenu right'>
	  <span class='clickable' id='userName'>SignUp</span>
	  <span class='clickable' id='loginAction'>Login</span>
	  <span class='clickable' id='setting'>Setting</span>
	  <div class='headerSearchBox'>
	    <input type='text' name='keyword' value='keyword' class='headerSearchInput' id='headerSearchInput'/>
	    <ul class='dropDownHint' id='headerDropHint'> </ul>
	    <div class='searchIcon' id='headerSearchSummit'> </div> 
	  </div>
	</div>
      </div>
    </div>
    <div class='body'>

      <!-- this is #body is for ajaxUse -->
      <div class='layout' id='body'>
	
	<div class='infoBody'>
	  <div class='personalInfoTab upperTab'><div class='left'><div class='right'><div class='center'> 

		  <h1>个人资料</h1>
	  </div></div></div> </div>
	  <div class='upDownExpandBody largeRoundBody'> <div class='up'> <div class='down'> <div class='center'>
		  <div class='info'>
		    <div class='username'>
		      <span class='attrName'>Username:</span>
		      <span id='profileUsername'>yourname</span> 
		    </div>
		    <div class='mailbox'>
		      <span class='attrName'>Mailbox:</span>
		      <span id='profileMailbox'>yourname@hustunique.com</span> 
		    </div>
		    <div class='realname'>
		      <span class='attrName'>Realname:</span>
		      <span id='profileRealname'>your realname</span>
		    </div>
		  </div>
	  </div> </div> </div> </div>
	</div>

	<!-- start checkoutList -->
	<div class='infoBody'>
	  <div class='upperTab'> <div class='left'> <div class='right'> <div class='center'> 
		  <h1>正在借阅书目</h1> 
	  </div> </div> </div> </div>
	  <div class='upDownExpandBody largeRoundBody'> <div class='up'> <div class='down'> <div class='center'>
		 
		  <div class='listItem'>
		    <div class='upperTab'> <div class='left'> <div class='right'> <div class='center'> 
			    <h1 class='bookName'>书名</h1> 
		    </div> </div> </div> </div>
		    <div class='upDownExpandBody largeRoundBody'> <div class='up'> <div class='down'> <div class='center'>
			    <div class='listContent'>
			      <span class='attrName'>bookCode:</span>
			      <span>something</span>
			      <span class='attrName'>bookLocation:</span>
			      <span>somewhere</span>
			      <span class='attrName'>bookPublisher:</span>
			      <span>somebody</span>
			      
			      <div class='actions'>
				<div class='leftRightExpandBody orangeButton clickable' id='returnThis' code='S006'><div class='left'><div class='right'><div class='center'> 
					<span>Return Me!</span>
				</div></div></div></div>
			      </div>
			      <!-- end actions -->
			    </div>
			    <!-- end listContent -->
		    </div> </div> </div> </div>
		  </div>
		  <!-- end listItem1 -->
		  <div class='listItem notFirst'>
		    <div class='upperTab'> <div class='left'> <div class='right'> <div class='center'> 
			    <h1 class='bookName'>bookname</h1> 
		    </div> </div> </div> </div>
		    <div class='upDownExpandBody largeRoundBody'> <div class='up'> <div class='down'> <div class='center'>
			    <div class='listContent'>
			      <span class='attrName'>bookCode:</span>
			      <span>something</span>
			      <span class='attrName'>bookLocation:</span>
			      <span>somewhere</span>
			      <span class='attrName'>bookPublisher:</span>
			      <span>somebody</span>
			      
			      <div class='actions'>
				<div class='leftRightExpandBody orangeButton clickable' id='returnThis' code='S006'><div class='left'><div class='right'><div class='center'> 
					<span>Return Me!</span>
				</div></div></div></div>
			      </div>
			      <!-- end actions -->
			    </div>
			    <!-- end listContent -->
		    </div> </div> </div> </div>
		  </div>
		  <!-- end listItem2 -->
	  </div> </div> </div> </div>
	</div>
	<div class='checkoutList' id='profileCurrentCheckoutList'> 
	</div>
	<!-- end checkoutList -->


	<!-- start checkoutHistory -->
	<div class='infoBody'>
	  <div class='upperTab'> <div class='left'> <div class='right'> <div class='center'> 
		  <h1>借阅历史</h1> 
	  </div> </div> </div> </div>
	  <div class='upDownExpandBody largeRoundBody'> <div class='up'> <div class='down'> <div class='center'>
		  <div class='info'>
		    <div class='username'>
		      <span class='attrName'>Username:</span>
		      <span id='profileUsername'>yourname</span> 
		    </div>
		    <div class='mailbox'>
		      <span class='attrName'>Mailbox:</span>
		      <span id='profileMailbox'>yourname@hustunique.com</span> 
		    </div>
		    <div class='realname'>
		      <span class='attrName'>Realname:</span>
		      <span id='profileRealname'>your realname</span>
		    </div>
		  </div>
	  </div> </div> </div> </div>
	  <div class='checkoutHistoryList' id='profileCheckoutHistory'> 
	  </div>
	</div>
	<div class='footer'>
	  <div class='layout'>
	    <span>©Copyright UniqueStudio MinghanWu</span>
	  </div>
	</div>

      </body>
    </html>
